<template>
  <div>
      <div class="card">
        <div class="card-head">
            <slot name="header"></slot>
        </div>
        <div class="card-body">
            <slot name="body"></slot>
        </div>
    </div>
  </div>
</template>

<script>
</script>

<style scoped>
.card{
        position: relative;
        width: 100%;
    }
    .card-head{
        width: 200px;
        height: 40px;
        background-color: rgba(255, 255, 255);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        transition: all 0.3s 0.2s;
    }
    .card-body{
        width: 100%;
        background-color:rgba(255, 255, 255);
        transition: all 0.2s;
        /* overflow: hidden; */
        border-radius: 10px;
        border-top-left-radius: 0px;
    }
</style>